@import "mixin-fun";
@import "common/color.scss";
@import "common/common.scss";
html,
body {
  background-color: #fafafa !important;
  height: 100%;
}
#app{
    .nav_logo{
        // text-align: center;
        .nav_logo_image{
            width: 90%;
            margin-top:rem(45);
        }
        .contact{
            margin-left: 20px;
            margin-right: 20px;
            height: rem(50);
            line-height: rem(50);
            position: relative;
            .xian{
                position: absolute;
                top: rem(26);
                width: 100%;
                height: rem(2);
                background-color: #c0c4cc;
                z-index: 1;
            }
            .text{
                position: absolute;
                left: 50%;
                z-index: 2;
                margin-left: rem(-150);
                padding: 0 rem(40);
                height: rem(50);
                line-height: rem(50);
                color: #c0c4cc;
                background-color: #fafafa;
                width: rem(300);
                // margin: 0 auto;
                font-size: rem(20);
            }
        }
        .nav_form{
            .nav_form_div{
                height: rem(60);
                border: 1px solid #E6A23C;
                margin-left: 20px;
                margin-right: 20px;
                margin-bottom: 20px;
                margin-top: 10px;
                text-align: right;
                line-height:rem(60);
                border-radius: 5px;
                .nav_form_div_label{
                    float: left;
                    color: #606266;
                    margin-left: 15px;
                    font-size: rem(22);
                    line-height: rem(58);
                    font-family: '微软雅黑';
                }
                .nav_form_div_input{
                    width: 70%;
                    float: right;
                    border: none;
                    outline: none;
                    height: rem(50);
                    line-height:rem(50);
                    margin-right: 10px;
                    margin-top: rem(5);
                    font-size: 15px;
                    text-align: right;
                    background-color: #fafafa;
                    padding: 0 !important;
                    // color: #c0c4cc;
                }
            }
        }
        .testarea{
            border-radius: 5px;
            color: #c0c4cc;
        }
        ::-webkit-input-placeholder{
            color: #c0c4cc;
            font-size: rem(22);
        }    /* 使用webkit内核的浏览器 */
        :-moz-placeholder{
            color: #c0c4cc;
            font-size: rem(22);
        }                  /* Firefox版本4-18 */
        ::-moz-placeholder{
            color: #c0c4cc;
            font-size: rem(22);
        }                  /* Firefox版本19+ */
        :-ms-input-placeholder{
            color: #c0c4cc;
            font-size: rem(22);
        }    
    }
}